<template>
  <div class="border-1 border-r mgt-20" style="height:100%">
    <div class="header font-25 font-f-ib fontW-7 color-f bd-b-1 h-40 flex">
      <div class="text-l font-25 font-f-ib fontW-7 flex-1 theme-color ">
        <div style="margin: 0 20%;">{{$t('works.project')}}</div>
      </div>
      <div class="text-r font-25 font-f-ib fontW-7 flex-1 theme-color ">
        <div style="margin: 0 50% 0 0;">{{$t('works.status')}}</div>
      </div>
      <div class="text-l font-25 font-f-ib fontW-7 flex-1 theme-color ">{{$t('works.price')}}</div>
      <div class="text-l font-25 font-f-ib fontW-7 flex-1 theme-color ">{{$t('works.participation')}}</div>
      <div class="text-l font-25 font-f-ib fontW-7 flex-1 theme-color ">{{$t('detail.percent')}}</div>
      <div class="text-l font-25 font-f-ib fontW-7 flex-1 theme-color ">{{$t('works.developers_add')}}</div>
    </div>
    <div class="item color-f font-20 h-3 mgtb-10 flex" v-for="item in orreredData" :key="item.id">
      <div class="flex-1">
        <div style="margin: 0 20%;"><img :src="item.img_url" alt="" class="mar-10"></div>
      </div>
      <div class="flex-1 text-r">
        <div style="margin: 0 50% 0 0;">
          {{item.status}}
        </div>
      </div>
      <div class=" flex-1">{{item.price}}</div>
      <div class=" flex-1">
      <div style="margin:0 15%">{{item.participation}}</div>
      </div>
      <div class="flex-1">{{item.ratio}}</div>
      <div class="flex-1 color-5c9af6">{{item.address}} <img :src="item.img_url2" alt=""></div>
    </div>
  </div>
</template>
<script>
export default {
  props: ['orreredData'],
  data () {
    return {
    }
  },
  methods: {
    getCollapseFlag: function (val) {
      this.isCollapseFlag = val
    }
  }
}
</script>
<style lang="less"  scoped>
</style>
